@charset "utf-8";
/*边距*/
.pd2{padding: 2.5%;}
.pdlr2{padding-left: 2.5%;padding-right: 2.5%;}
.pdtb2{padding-top: 2.5%;padding-bottom: 2.5%;}
.pdtb4{padding-top: 4%;padding-bottom: 4%;}
.pd0{padding:0;}

.main{width:100%;margin:0 auto;transition: all 1s; -webkit-transition: all 1s;position:relative;min-width: 320px;}
.hx{width: 100%;height: 1px;background: #eaeaea;}
.hx1{width: 100%;height: 20px;background: #ffffff;}
.hx2{width: 200px;height: 1px;background: #eeeeee;margin: 20px 0;}
.hx4{width: 100%;height: 1px;background: #eeeeee;margin: 20px 0;}
.hx3{width: 100%;height: 15px;background: #ffffff;}
.absolute{position: absolute;left: 0;top: 0;}

.editor{width:100%;margin:0 auto;font-size:16px;line-height:32px;color:#999;transition: all 0.2s;-webkit-transition: all 0.2s;}
.editor p{line-height:32px;text-align:justify;text-justify:inter-ideograph;}
.editor img{max-width:100%;}

.container{padding: 0;}

/* header  兼容*/
.tisbox {width: 480px;height: 354px;display: none;padding-bottom: 30px;background-color: #fff;position: fixed;top: 50%;left: 50%;z-index: 20000000;margin-top: -177px;margin-left: -240px;}
.tisbox .tis-text {width: 80%;color: #333;font-size: 14px;margin-left: 10%;margin-top: 40px;line-height: 20px;text-align: center;}
.tisbox .upgrade {display: block;margin-top: 20px;text-align: center;}
.tisbox .upgrade img {max-width: 100%;display: inline-block;}
.tisbox .tis-chrome {float: left;width: 125px;height: 35px;margin-top: 40px;margin-left: 112px;background-image: url(../images/chrome.png);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.tisbox .tis-firefox {float: left;width: 125px;height: 35px;margin-top: 40px;margin-left: 15px;background-image: url(../images/firefox.png);background-repeat: no-repeat;background-position: center;background-size: 100%;}
.tisshare {display: none;opacity: 0.8;filter: alpha(opacity=80);background-color: #000;position: fixed;width: 100%;height: 100%;left: 0px;top: 0px;z-index: 19999999;}

/* header  导航*/
.header {position: fixed;width: 100%;height: 90px;background: #fff;top: 0px;z-index: 100;margin: auto;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);min-width: 320px;}
.header .container {height: 100%;width: 100%;}
.header-wrap {position: relative;width: 100%;height: 100%;margin: 0 auto;padding: 0 15px;}
.header-logo {float: left;width: auto;height: 100%;padding: 17px 0;}
.header-logo a {float: left;height: 100%;}
.header-logo a .logo-title{height: 56px;float: left;}
.header-logo a .logo-title p{font-size: 18px;color: #333;border-left: 1px solid #eee;height: 28px;line-height: 28px;margin-top: 18px;margin-left: 10px;padding-left: 10px;}
.header-logo a .logo-title p:hover{color: #236db4;}
.header-logo a .img {width: 224px;height: 56px;float: left;background: url('../images/logo.png') no-repeat; background-size:auto 100%;}
.header-icon {float: right;margin-top: 30px;}
.header-icon .icon{width: 30px;height: 30px;float: left;margin-left: 20px;}
.header-icon .icon.language a{display: block;width: 100%;height: 100%; background: url(../images/diqiu.png) no-repeat;background-size: 100%;transition: all 0.2s;
-webkit-transition: all 0.2s;}
.header-icon .icon.language a:hover{ background: url(../images/diqiu_1.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-icon .icon.header-search-icon a{display: block;width: 100%;height: 100%; background: url(../images/fdj.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-icon .icon.header-search-icon a:hover{background: url(../images/fdj_1.png) no-repeat;background-size: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.header-icon .headernav-btn{border-radius: 50%;}
.header-icon .headernav-btn a{display: block;padding: 7px 0;}
.header-icon .headernav-btn a img {display: block;width: 16px;height: 16px; margin: 0 auto;}
.header-icon .icon.headernav-btn {display: none;background: #236db4;}

.nav {width: 500px;margin: 0 auto;transition: all .6s;}
.nav-title {border-bottom: solid 2px #236db4;height: 64px;padding: 0 3%;background: #fff;position: relative;z-index: 205;display: none;}
.nav-title h3 {font-size: 18px;line-height: 62px;color: #000;}
.nav-close {display: inline-block;width: 24px;height: 24px;margin-top: 20px;}
.nav-ul {float: left;}
.nav-ul li {float: left;margin-left: 30px;margin-right: 30px;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.nav-ul .nav-lst h3 {float: left;}
.nav-ul li:first-child{display: none;}
.nav-ul .nav-lst:hover h3 a {color: #236db4;}
.nav-ul .nav-lst:hover h3 a:after {transform: scaleX(1);}
.nav-ul .nav-lst.cur h3 a {color: #236db4;}
.nav-ul .nav-lst h3 .header-nav-btn {width: 48px;height: 48px;display: none;background-image: url(../images/off01.png);background-repeat: no-repeat;background-position: center;background-size: 10px;position: absolute;top: 0px;right: 0px;z-index: 5;}
.header-nav-btn1 {width: 36px;height: 36px;display: none;background-image: url(../images/off01.png);background-repeat: no-repeat;background-position: center;background-size: 10px;position: absolute;top: 0px;right: 0px;z-index: 5;}
.nav-ul .nav-lst h3 a {float: left;font-size: 16px;color: #333;line-height: 90px;font-family: "Microsoft YaHei","微软雅黑";transition: all .3s;position: relative;}
.nav-ul .nav-lst.cur h3 a:after {transform: scaleX(1);}
.nav-ul .nav-lst h3 a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #236db4;transform: scaleX(0);transition: all .3s;}

/* 二级导航 */
.second-nav {width: 100%; max-height: 600px;overflow-y: auto; position: fixed;z-index: 75;top: 90px;left: 0;background-color: #fff;-webkit-box-shadow:inset 0 6px 12px rgba(0,0,0,0.1);box-shadow:inset 0 6px 12px rgba(0,0,0,0.1);transform-origin:0 0; transform: scaleY(0); transition: all .5s}
.second-nav .second-con{width: 1170px;margin: 0 auto;padding: 40px 0;}
.second-nav .second-con .second-list{display: flex;justify-content:space-between;flex-wrap: wrap;}
.second-nav .second-con .nav-sec{font-size: 20px;color: #333;width: 25%;display: block;float: left;}
.second-nav .second-con .nav-sec:nth-child(n+5){margin-top: 20px;}

.second-nav .second-con .nav-sec h5 a{display: block; font-size: 20px;color: #333;transform-origin:0 0;transform: scale(0);transition: all .3s;}
.second-list li{margin: 0;}
.second-nav .second-con .nav-sec h5 a:hover{color: #236db4;}

.second-special{width: 100%;}
.second-special .second-tit h5 a{float: none;font-size: 18px;line-height: normal;}
.second-special .second-tit h5 a:hover{color: #236db4;}
.second-special .second-tit h5 a::after{display: none;}
.second-special .special{float: left;margin: 20px 0;}
.second-con .second-special .special h5 a{line-height: normal;font-size: 16px;}
.second-special .special h5 a::after{display: none;}

/* 三级导航 */
.three-nav li{font-size: 16px;color: #333;float: left;width: 100%;margin-bottom: 15px;transform-origin:0 0;transform: scaleX(0);transition: all .5s;cursor: pointer;}
.three-nav li a:hover{color: #236db4;}
.three-nav li p{font-size: 14px;color: #999;margin-top: 2px;}
.three-nav li:last-child{margin-bottom: 0;}
.three-nav li:first-child{display: block;}
.nav-ul .nav-lst:hover .second-nav {transform: scaleY(1); }
.nav-ul .nav-lst:hover .second-nav .second-con .nav-sec h5 a{transform: scale(1); }
.nav-ul .nav-lst:hover .three-nav li{transform: scaleX(1); }


.nav-bj {position: fixed;width: 100%;right: 0px;top: 0px;height: 100%;background: #000;opacity: 0.5;filter: alpha(opacity=50);z-index: 200;display: none;}
.header-search {position: fixed;top: 90px;width: 100%;z-index: 199;background: rgba(255,255,255,0.8);padding: 8px 0;-webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.1);box-shadow: 0 4px 12px rgba(0,0,0,0.1);display: none;}
.header-search-box {width: 100%;max-width: 1170px;padding: 0 2.5%;margin: 0 auto;}
#search_box {float: right;width: 40%;}
.header-search input.inp_srh {width: 88%;float: left;height: 40px;line-height: 40px;padding: 0 2.5%;font-size: 12px;background: #fff;outline: none;border: none;border-bottom-left-radius: 24px;border-top-left-radius: 24px;border: #aaa solid 1px;border-right: none;}
.header-search input.btn_srh {width: 12%;float: right;height: 40px;background: #fff url(../images/icon-search02.png) no-repeat center;background-size: 20px;border-bottom-right-radius: 24px;border-top-right-radius: 24px;border: #aaa solid 1px;border-left: none;}
.header-height {height: 90px;width: 100%;min-width: 320px;}


/* footer */
.bottom-box {width: 100%;}
.footer{width: 100%;position: relative;background-color: #212634;padding-top: 45px;}
.footer .footer-con{width: 1170px;margin: 0 auto;}
.footer .footer-nav {width: 60%;float: left;display: flex;justify-content: space-between;}
.footer .footer-nav dl dt {color: #fff;font-size: 18px;line-height: 26px;margin-bottom: 10px;}
.footer .footer-nav dl dd a {color: #fff;opacity: .5; font-size: 14px;line-height: 30px;}
.footer .footer-nav dl .footer-nav-btn {width: 50px;height: 100%;display: none;background-image: url(../images/off.png);background-repeat: no-repeat;background-position: center;background-size: 10px;position: absolute;top: 0px;right: 0px;z-index: 5;}
.footer .footer-nav dl dd a:hover{opacity: 1;}

.footer .footer-right {width: 32%;float: right;}
.footer .footer-right .footer-follow {float: left;width: 110px;}
.footer .footer-right .footer-follow img{width: 100%;display:block;border-radius: 7px;}
.footer .footer-right .footer-follow .follow-text{text-align: center;font-size: 14px;color: #fff;opacity: .5;margin-top: 10px;}
.footer .footer-right .footer-contact {float: right;}
.footer .footer-right .footer-contact .footer-tel{font-size:26px;color: #fff;text-align: right;}
.footer .footer-right .footer-contact .footer-text{font-size:14px;color: #fff;opacity: .5;text-align: right;}
.footer .footer-right .footer-address{margin: 20px 0;}
.footer .footer-right .footer-address a {color: #fff;width: 160px;float: right;height: 46px;font-size: 14px;line-height: 46px;text-align: center;background-color: #f75a10;border-radius: 5px;transition: all .3s;}
.footer .footer-right .footer-address a:hover {background-color: #236db4;}
.footer .footer-right .footer-address img {width: 21px;margin-right: 5px;display: inline-block;margin-bottom: 4px;}
.footer .footer-right .footer-share a {width: 30px;height: 30px;float: right;margin-left: 10px;margin-right: 0px;display: block;background-repeat: no-repeat;background-size: cover;}

.bdsharebuttonbox a.bds_weixin {background: url(../images/wx.png) no-repeat center;}
.bdsharebuttonbox a.bds_tsina {background: url(../images/wb.png) no-repeat center;}
.bdsharebuttonbox a.bds_sqq {background: url(../images/qq.png) no-repeat center;}

.bd_weixin_popup {
    width: 270px !important;
    height: 300px !important;
}

.footer .friendship{width: 1170px;margin: 0 auto;margin-top: 50px;}
.footer .friendship .friendship-ul{display: flex;justify-content: space-between;align-items: center; height: 52px;border-top: 1px solid #363a47;}
.friendship .friendship-ul li{font-size: 12px;color: #fff;}
.friendship .friendship-ul li a{color: #fff;opacity: .5;}
.friendship .friendship-ul li a:hover{opacity: 1;}
.copyright {width: 100%;font-size: 12px;background-color: #171c28;}
.copyright .copy-con{width: 1170px;margin: 0 auto;padding: 12px 0;}
.copyright .copyright-text {color: #fff;opacity: 0.5;float: left;margin-right: 5px;}
.copyright .design {color: #fff;opacity: 0.5;float: left;}
.copyright .record {color: #fff;opacity: 0.5;float: right;}
.footer .footer-right .footer-follow .follow-text:hover {opacity: 1;}
.footer .footer-right .footer-contact .footer-text:hover {opacity: 1;}

.guide {
    position: fixed;
    right: 2%;
    bottom: 41px;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.2);
    z-index: 9999;
    -webkit-box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    box-shadow: 0 2px 12px rgba(0,0,0,0.2);
    display: none;
}
.guide img {
    display: block;
    max-width: 100%;
}




@media(max-width:1440px){
    .nav {position: absolute;right: 20%;}
}
@media(max-width:1240px){
    .nav {position: absolute;right: 16%;width: 400px;}
    .nav-ul li {margin-left: 20px;margin-right: 20px;}
    .three-nav li {margin-left: 0;margin-right: 0;}
}

@media(max-width:1199px){
    .second-nav .second-con {width: 1050px;}
    .second-nav .second-con .nav-sec h5 a {font-size: 18px;}

    .footer {padding-top: 35px;}
    .footer .footer-con {width: 970px;}
    .footer .footer-nav dl dt {font-size: 16px;margin-bottom: 5px;}
    .footer .footer-right .footer-contact .footer-tel {font-size: 20px;}
    .footer .footer-right .footer-follow {width:95px;}
    .footer .footer-right .footer-address a {width: 140px;height: 40px;line-height: 40px;}
    .footer .friendship {width: 970px;}
    .copyright .copy-con {width: 970px;}
}

@media(max-width:1080px){
    .second-special .second-tit{display: none;}
    .second-nav .second-con .nav-sec:nth-child(n+5){margin-top: 0;}

    .header-logo a .img{height: 48px;width: 60px; background: url('../images/icon.png') no-repeat;background-size: auto 100%;}
    .header-logo a .logo-title {height: 48px;}
    .header-logo a .logo-title p {height: 24px;line-height: 24px;font-size: 16px;margin-top: 12px;}
    .header-icon {margin-top: 17px;}
    .header-icon .icon.headernav-btn{display: block;}
    .header{height:64px;padding:0 2.5%;}
	.header-height{height:64px;}
    .header-logo{padding:8px 0;}
    .container {padding: 0;}
    .header-wrap {padding: 0;}

    .nav-title {display: block;}
    .nav-ul {width: 100%;}
    .nav {float: none;margin-right: 0;position: fixed;right: auto;left: -100%;  width: 72%;height: 100%;background: #fff;overflow-y: auto;top: 0px;z-index: 201;transition: all .6s;}
    .nav.in {left: 0px;}
    .nav-ul li:first-child{display: block;}
    .nav-ul li {float: left;width: 100%;border-bottom: #ddd solid 1px;margin: 0;padding: 0 3%;position: relative;}
    .nav-ul .nav-lst h3 {width: 100%;}
    .nav-ul .nav-lst h3 a {width: 100%;padding: 0;font-size: 16px;line-height: 48px;margin-top: 0;margin-bottom: 0;}
    .nav-ul .nav-lst h3 .header-nav-btn {display: block;}
    .nav-ul .nav-lst h3 a::after{display:none;}
    .nav-ul .nav-lst:hover h3 a{color:#333;}
    
    .second-nav {width: 100%; max-height: none;position: static;z-index: 75;top: 0;left: 0;-webkit-box-shadow:none;box-shadow:none;display: none; transform: scaleY(1);}
    .second-nav .second-con{width: 100%;padding: 0;}
    .second-nav .second-con .second-list {display: block;}
    .second-nav .second-con .nav-sec {float: left;width: 100%;border-bottom: none;margin: 0;padding: 0 3%;position: relative;}
    /* .second-nav .second-con .nav-sec:last-child{border-bottom: none;} */
    .nav-ul .nav-lst h3 .header-nav-btn.on {background-image: url(../images/on01.png);}
    .second-nav .second-con .nav-sec h5 a {line-height: 36px;font-size: 14px; border-top: 1px dashed #ddd;}
    .three-nav{display: none;}
    .hx2{display: none;}
    .header-nav-btn1.on {background-image: url(../images/on01.png);}
    .three-nav li p {display: none;}
    .three-nav li {font-size: 14px;border-top: 1px dashed #ddd;border-bottom: none;line-height: 36px;}

    .header-search {top: 64px;}
    #search_box {width: 100%;}

    .guide {right: 0;bottom: 0;}
}
@media (max-width: 991px){
    .footer .footer-con {width: 750px;}
    .footer .footer-nav dl dt {font-size: 14px;margin-bottom: 5px;}
    .footer .footer-nav dl dd a {font-size: 12px;}
    .footer .footer-right .footer-contact .footer-tel {font-size: 16px;}
    .footer .footer-right .footer-address {margin: 10px 0;}
    .footer .footer-right .footer-address a {width: 120px;height: 36px;line-height: 36px;font-size: 12px;}
    .footer .footer-right .footer-address img {width: 19px;margin-right: 5px;display: inline-block;margin-bottom: 4px;}

    .footer .friendship {width: 750px;}
    .copyright .copy-con {width: 750px;}
    .nav-ul .nav-lst:hover h3 a {color: #333;}
}
@media (max-width: 769px){
    .footer {padding-top: 0;}
    .footer .footer-con {width: 100%;}
    .footer .footer-nav {width: 100%;float: none;display: block;}
    .footer .footer-nav dl dt {line-height: 40px;margin-bottom: 0px;padding-left: 15px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.5);opacity: .5;}
    .footer .footer-nav dl .footer-nav-btn {display: block;}
    .footer .footer-nav dl dd {display: none;}
    .footer .footer-nav dl dd a {padding: 0px 30px;}
    .footer .footer-nav dl .footer-nav-btn.on {background-image: url(../images/on.png);}

    .footer .footer-right {width: 100%;float: none;padding: 2.5%;}
    .footer .footer-right::after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
    .footer .friendship {margin-top: 0px;}
    .footer .friendship .friendship-ul {display: block;height: 52px;width: 900px; border-top: 1px solid #363a47;}
    .friendship .friendship-ul li {float: left;margin-left: 20px;line-height: 52px;height: 52px;}
    .footer .friendship {width: 100%;overflow-x:auto;}

    .copyright .copy-con {width: 100%;}
    .copyright .copyright-text {color: #fff;opacity: 0.5;float: none;margin-right:0;width: 100%;text-align: center;}
    .copyright .design {color: #fff;opacity: 0.5;float: none;width: 100%;text-align: center;display: block;margin: 5px 0;}
    .copyright .record {color: #fff;opacity: 0.5;float: none;width: 100%;text-align: center;display: block;}
}
@media (max-width: 640px){
    .header {height: 48px;}
    .header-height{height:48px;}
    .nav-title {height: 48px;}
    .nav-title h3 {line-height: 46px;}
    .nav-close {width: 18px;height: 18px;margin-top: 15px;}
    .header-logo a .img {height: 32px;width: 40px;}
    .header-logo a .logo-title {height: 32px;}
    .nav-title h3 {font-size: 16px;}
    .nav-ul .nav-lst h3 a {font-size: 14px;}
    .nav-ul li{padding: 0 5%;}
    .header-logo a .logo-title p {height: 16px;line-height: 16px;font-size: 14px;margin-top: 10px;margin-left: 5px;padding-left: 5px;}
    .header-icon {margin-top: 9px;}
    .header-search {top: 48px;}
    .header-search input.inp_srh {height: 36px;line-height: 36px;}
    .header-search input.btn_srh {height: 36px;}
}
@media (max-width: 480px){
    .header-icon .icon {width: 26px;height: 26px;margin-left: 8px;}
    .header-icon .headernav-btn a {padding: 6px 0;}
    .header-icon .headernav-btn a img {width: 14px;height: 14px;}
    .header-icon {margin-top: 11px;}

    .nav-ul .nav-lst h3 a {line-height: 40px;}
    .nav-ul .nav-lst h3 .header-nav-btn {width: 40px;height: 40px;}

}

@media (max-width: 360px){
    .header-logo a .logo-title p {height: 16px;line-height: 16px;font-size: 12px;margin-top: 10px;margin-left: 5px;padding-left: 5px;}
}